<!-- @todo vip 会员功能，从芒播那边抠过来的。暂时不用，后续可能还会有所更改 -->
<template>
	<view class=" sensitize display-flex" @click="gotoPage">
		<view class="sensitize-vip">
			VIP会员
		</view>
		<view class="xian"></view>
		<view class="vip-hy">成为会员，尊享免广告等特权</view>
		<view class="open">
			<text>我要开通GO</text>
			<text> &gt; </text>
		</view>
	</view>
</template>

<script>
	// @todo vip 会员功能，从芒播那边抠过来的。暂时不用，后续可能还会有所更改
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			gotoPage() {
				uni.navigateTo({
					url: '/pages/sensitize/sensitize'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.display-flex{
		display: flex;
	}
	.sensitize{
		width: 707rpx;
		height: 96rpx;
		padding: 0 20rpx;
		margin: 20rpx 20rpx;
		background-image: linear-gradient(to right, #ff8200 , #dc9f2e, #babb5c, #97d88a);
		box-shadow: 0rpx 3rpx 5rpx 0rpx rgba(255,219,150,0.7), 0rpx 0rpx 0rpx 0rpx #FFFFFF;
		border-radius: 15rpx;
		align-items: center;
		justify-content: center;
		.sensitize-vip{
			font-weight: bold;
			font-size: 30rpx;
			color: #FFFFFF;
		}
		.xian{
			width: 2rpx;
			height: 31rpx;
			background-color: #fff;
			margin: 0 12rpx 0 16rpx;
		}
		.vip-hy{
			font-weight: 400;
			font-size: 22rpx;
			color: #FFFFFF;
			text-align: center;
			line-height: 1;
		}
		.open{
			width: 184rpx;
			height: 39rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			font-weight: 400;
			font-size: 22rpx;
			color: #FD8225;
			text-align: center;
			line-height: 39rpx;
			margin-left: 41rpx;
			text:nth-child(2){
				width: 8rpx;
				height: 17rpx;
				margin-left: 10rpx;
			}
		}
	}
</style>